{{ $storyName := .Get "story" }}
<div>
    <h3>Example of how we would load a Storybook story: {{$storyName}}</h3>

    <p class="codepen" data-height="265" data-theme-id="light" data-default-tab="css,result" data-user="louflan"
        data-slug-hash="JjGVbjY"
        style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;"
        data-pen-title="The Girl With A p̶e̶a̶r̶l̶ CSS Earring">
        <span>See the Pen <a href="https://codepen.io/louflan/pen/JjGVbjY">
                The Girl With A p̶e̶a̶r̶l̶ CSS Earring</a> by Louise Flanagan (<a
                href="https://codepen.io/louflan">@louflan</a>)
            on <a href="https://codepen.io">CodePen</a>.</span>
    </p>
    <script async src="https://static.codepen.io/assets/embed/ei.js"></script>
</div>